@import './variables';
.border-box{ 
    box-sizing: border-box; 
}

.hide{
    display:none!important;
}
.show{
    display: block!important;
}
.ellipsis { 
    white-space:nowrap; 
    text-overflow:ellipsis; 
    overflow:hidden;
}
.over-hidden {
    overflow: hidden;
}
.over-block {
    overflow: block;
}
.over-auto {
    overflow: auto;
}
.block {
    display: block;
}
.inline-block {
    display: inline-block;
}
.break { 
    word-break:break-all;
    word-wrap:break-word;
}
.pull-left,.fl{
    float:left;
}
.pull-right,.fr{
    float:right;
}
.clearfix:after{
    content:'\0020';
    display:block;
    height:0;
    clear:both;
}
.clearfix{
    zoom:1;
}
.text-center {
  text-align: center;
}
.text-right {
    text-align: right;
}
.text-left {
    text-align: left;
}
.pointer {
    cursor: pointer;
}
.block {
    display: block;
}
.inline {
    display: inline-block;
}
.h-fill {
    height: 100%;
}
.w-fill {
    width: 100%;
}
